.slt-skin {
  text-align: center;
  cursor: pointer;

  .el-container {
    .el-header {
      height: 10px;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px
    }

    .el-aside {
      border-bottom-left-radius: 3px;
    }

    .el-main {
      background-color: #f2f6fc;
      border-bottom-right-radius: 3px;
    }
  }

  .skin-blue {
    .el-header {
      background-color: #0076f6;
    }

    .el-aside {
      background-color: #ebebeb;
    }
  }

  .skin-black {
    .el-header {
      background-color: #434a50;
    }

    .el-aside {
      background-color: #ebebeb;
    }
  }

  .skin-gray {
    .el-header {
      background-color: #f2f2f2;
    }

    .el-aside {
      background-color: #434a50;
    }
  }

  .skin-green {
    .el-header {
      background-color: #11A983;
    }

    .el-aside {
      background-color: #ebebeb;
    }
  }

  span {
    line-height: 30px;
  }
}
